$primaryColor: #0156FE;
$successColor: #1EC28C;
$warningColor: #F17821;
$dangerColor: #D92151;
$primaryColor_background: #C5D5F6;
$successColor_background: #D3F2E8;
$warningColor_background: #FCE5D4;
$dangerColor_background: #F7D3DC;
$border-radius: 0.08rem;
$hoverBackground: #004DE4;

.primary-tag {
  display: inline-block;
  color: $primaryColor;
  background-color: $primaryColor_background;
  border-radius: 0.05rem;
  padding: 0.02rem 0.13rem;
  font-size: 0.14rem;
  font-weight: 600;
}

.success-tag {
  display: inline-block;
  color: $successColor;
  background-color: $successColor_background;
  border-radius: 0.05rem;
  padding: 0.02rem 0.13rem;
  font-size: 0.14rem;
  font-weight: 600;
}

.warn-tag {
  display: inline-block;
  color: $warningColor;
  background-color: $warningColor_background;
  border-radius: 0.05rem;
  padding: 0.02rem 0.13rem;
  font-size: 0.14rem;
  font-weight: 600;
}

.danger-tag {
  display: inline-block;
  color: $dangerColor;
  background-color: $dangerColor_background;
  border-radius: 0.05rem;
  padding: 0.02rem 0.13rem;
  font-size: 0.14rem;
  font-weight: 600;
}

.single-tag {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  font-size: 0.12rem;
  background: linear-gradient(90deg, #EC7099, #5960CE);
  border-radius: 0.15rem;
  padding: 0 0.16rem;
  height: 0.3rem;
  line-height: 0.3rem;
}

.partial-tag {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  font-size: 0.12rem;
  background: linear-gradient(90deg, #A8D071, #EC9237);
  border-radius: 0.15rem;
  padding: 0 0.16rem;
  height: 0.3rem;
  line-height: 0.3rem;
}

.tips-icon {
  width: 0.16rem;
  height: 0.16rem;
  background-size: cover;
  background-image: url('@/assets/images/tishi_icon.png');
  margin: 0 0.11rem;
}

.url-icon {
  width: 0.12rem;
  height: 0.12rem;
  background-size: cover;
  background-image: url('@/assets/images/tz_icon.png');
  margin: 0 0.11rem;
}

.lock-icon {
  width: 0.18rem;
  height: 0.18rem;
  background-size: cover;
  background-image: url("@/assets/images/gwd_icon.png");
  margin-left: 0.06rem;
  display: inline-block;
  vertical-align: middle;
}